<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>千锋大屏数据可视化</title>
    <link rel="stylesheet" href="./assets/css/reset.css">
    <script src="./assets/js/flexible.js"></script>
    <script src="http://unpkg.com/jquery"></script>
    <script src="./assets/js/header.js"></script>
    <script src="http://unpkg.com/echarts"></script>
    <script src="./assets/js/left1.js"></script>
    <script src="./assets/js/left2.js"></script>
    <script src="./assets/js/left3.js"></script>
    <script src="./assets/js/center1.js"></script>
    <script src="./assets/js/center2.js"></script>
    <script src="./assets/js/center3.js"></script>
    <script src="./assets/js/right1.js"></script>
    <script src="./assets/js/right2.js"></script>
    <script src="./assets/js/right3.js"></script>

</head>
<body>
    <!-- 布局自适应实现：通过插件 px2rem,设置默认的px与rem的转换值，引入flexible.js（封装好的） -->
    
    <!-- <div class="text"></div> -->
    <!-- 头 -->
    <header>
        <h1>千锋毕业学生大数据平台</h1>
        <span>2022年1月1日</span>
    </header>
    <!-- 头 -->

    <!-- section -->
    <section>
        <div class="column">
            <div class="box oneBox"></div>
            <div class="box twoBox"></div>
            <div class="box threeBox"></div>
        </div>
        <div class="column">
            <div class="box fourBox "></div>
            <div class="box fiveBox"></div>
            <div class="box sixBox"></div>
        </div>
        <div class="column">
            <div class="box sevenBox"></div>
            <div class="box eightBox"></div>
            <div class="box nineBox"></div>
        </div>
    </section>
    <!-- section -->
</body>
</html>